<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!--强制文本宽高1-1-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=0"
    />
    <!--强制竖屏-->
    <meta name="x5-orientation" content="portrait">
    <!--iphone safari允许全屏模式浏览-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--safari 顶端的状态条样式-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!--设备忽略将页面中的数字识别为电话号码-->
    <meta content="telephone=no" name="format-detection">
    <!--去除android 邮箱识别-->
    <meta content="email=no" name="format-detection" />
    <meta http-equiv="X-UA-Compatible" ;content="IE=edge, chrome=1">
    <script src="/static/fastclick.js"></script>
    <title>BoTongH5</title>
</head>
<style>
    html {
        font-size:10px;
    }

    body {
        font-size: 1.4rem;
    }
    a{
        text-decoration: none;
        color:#fff;
    }
    *{
        box-sizing: border-box;
    }
    input[type=file]{
        /* display: none; */
    }
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video,
    input {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: normal;
        /* vertical-align: baseline; */
        -webkit-text-size-adjust: 100%;
    }

    html,
    body {
        -webkit-overflow-scrolling: touch;
        font-family: "Microsoft YaHei", Arial, "Helvetica Neue", Helvetica, sans-serif;
        min-width: 320px;
    }

    a {
        text-decoration: none;
        -webkit-touch-callout: none;
    }

    img {
        outline: none;
    }

    [v-cloak] {
        display: none;
    }


    li {
        list-style: none;
    }

    a,
    button,
    input,
    optgroup,
    select,
    textarea,
    div {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    input,
    textarea {
        -webkit-appearance: none;
        outline: none;
    }
</style>

<body>
    <div id="app">
    </div>
</body>
<script type="text/javascript">
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                console.log(clientWidth,'11')
                if (!clientWidth) return;
                docEl.style.fontSize = 10 * (clientWidth / 375) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        // 防止穿透，并且取消click默认300ms
        if ('addEventListener' in document) {
            document.addEventListener('DOMContentLoaded', function () {
                FastClick.attach(document.body);
            }, false);
        }
    })(document, window);
    //   11.71875
</script>

</html>